<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile"
	contentType="text/html"
    renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Important Links Page">

        <h:form id="bigButton" swatch="d">
            <pm:header title="Important Links" swatch="b" >
                    <f:facet name="right"><p:commandButton value="Bookmark" onclick="window.sidebar.addPanel(location.href,document.title,'');" iconPos="none" /></f:facet>
            </pm:header>

			<p:outputPanel id="content">
			
				<p:dataList>
				<p:column>
						<p:outputLabel for="policyHolder">Policy Holder: </p:outputLabel>
						   
						<h:outputText id="policyHolder" value="#{claimView.registration.policyHolder}"></h:outputText>
				</p:column>

				<p:column>
						<p:outputLabel for="policyNumber">Policy Number: </p:outputLabel>
						   
						<h:outputText id="policyNumber" value="#{claimView.registration.policyNumber}"></h:outputText>
				</p:column>
<!-- 					
	                <p:inputText id="policyHolder" readonly="true" value="#{claimView.registration.policyHolder}" label="Policy Holder:"/>
	                <p:inputText id="policyNumber" readonly="true" value="#{claimView.registration.policyNumber}" type="number" label="Policy Number:"/>
 -->
				</p:dataList>

                <p:commandButton value="Start a claim!" action="#{claimView.startClaim}" styleClass="ui-btn-active" iconPos="none" />

				<p:dataList>
				<h:outputLink value="#main">Emergency Contacts</h:outputLink>
				<h:outputLink value="#main">Help</h:outputLink>
				<h:outputLink value="#main">Policy Info</h:outputLink>
				</p:dataList>
               
            </p:outputPanel>

        </h:form>

    </pm:page>

</f:view>